<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>KWIC_面向对象</title>
    <link href="css/about.css" rel="stylesheet">
</head>

</html>
<body >
<div>

    <div class='ribbon'>
        <a href='./OOB.html'><span>面向对象</span></a>
        <a href='./MAIN.html'><span>主程序-子程序</span></a>
        <a href='./Observe.html'><span>事件系统</span></a>
        <a href='./PIPE.html'><span>管道-过滤</span></a>
    </div>

    <div class="about_tit" id="colle"></div>
    <h1> 原理解释</h1>
        <div>面向对象风格中的构件变成了对象（不同于主程序、子程序的概念），并且连接的方式也发生了相应的变化。

        系统被看作是对象的集合，每个对象都有一个它自己的功能集合；
        • 数据及作用在数据上的操作被封装成抽象数据类型；

        • 只通过接口与外界交互，内部的设计决策则被封装起来。
        </div>
    <h1>原理图</h1>
    <div><img src="./img/OOB.webp"></div>
    <h1> 代码结构</h1>
    <div>
<img src="./img/img_4.png">
    </div>
    <h1>关键代码</h1>
   <img src="./img/img_5.png">

</div>
</body>

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script>
    axios({
        method: 'get',
        url: '/oob',
    }).then((res)=>{
        document.getElementById("colle").innerText=res.data;
    })
</script>



